/**
 * @package     hubzero-cms
 * @file        components/com_resources/resources.css
 * @copyright   Copyright 2005-2011 Purdue University. All rights reserved.
 * @license     http://www.gnu.org/licenses/lgpl-3.0.html LGPLv3
 */

/*

	-- -- -- -- -- -- --
	com_resources CSS
	-- -- -- -- -- -- --

*/
	.com_resources .read-more span {
		display: none;
		}
/* 'See Also' side area */
	#recommendations {
		margin-bottom:2em;
		}
	#recommendations ul {
		margin: 0;
		padding: 0.5em 0.5em 0.5em 0.5em;
		border-left:1px solid #9da6b7;
		border-right:1px solid #9da6b7;
		border-bottom:1px solid #9da6b7;
		}
	#recommendations p,
	#whatsrelated ul, 
	#whatsrelated p {
		margin: 0;
		padding: 0.5em 0.5em 0.5em 2em ;
		border-left:1px solid #9da6b7;
		border-right:1px solid #9da6b7;
		border-bottom:1px solid #9da6b7;
		list-style:none;
		}
	#recommendations p#credits {
		border: none;
		padding: 0.2em 0;
		margin: 0;
		font-size: 85%;
		}
	#recommendations ul,
	#whatsrelated ul {
		padding-left:0.5em;
		}
	#recommendations li {
		margin:0 0 0 2em;
		padding:0.5em;
		font-size: 90%;
		}
	#whatsrelated li {
		margin:0;
		padding:0.5em;
		padding-left:2.5em;
		font-size: 90%;
		list-style:none;
		}
	#recommendations li.nodata,
	#whatsrelated li.nodata {
		border:none;
		list-style:none;
		padding-bottom:1em;
		}
	#recommendations li span,
	#whatsrelated li span {
		display: inline;
		color: #999;
		font-size: 90%;
		}
	#recommendations h3,
	#whatsrelated h3, 
	#whatspop h3 {
		margin: 0 !important;
		padding: 0 !important;
		color: #747b88;
		text-transform:uppercase;
		font-size: 85%;	
		display: block !important;
		border-bottom:4px solid #9da6b7;
		}
	#whatsrelated {
		padding:0;
		margin-bottom:2em;
		}
	#whatspop {
		margin-bottom:2em;
		}
	
	.extracontent .animation { padding-left: 23px; background: url("images/types/fc-animation.gif") 0 0em no-repeat; }
	.extracontent .video { padding-left: 23px; background: url("images/types/fc-animation.gif") 0 0em no-repeat; }
	.extracontent .download { padding-left: 23px; background: url("images/types/fc-download.gif") 0 0em no-repeat; }
	.extracontent .course { padding-left: 23px; background: url("images/types/fc-course.gif") 0 0em no-repeat; }
	.extracontent .learningmodule { padding-left: 23px; background: url("images/types/fc-learningmodule.gif") 0 0em no-repeat; }
	.extracontent .note { padding-left: 23px; background: url("images/types/fc-note.gif") 0 0em no-repeat; }
	.extracontent .presentation { padding-left: 23px; background: url("images/types/fc-presentation.gif") 0 0em no-repeat; }
	.extracontent .publication { padding-left: 23px; background: url("images/types/fc-publication.gif") 0 0em no-repeat; }
	.extracontent .teachingmaterial { padding-left: 23px; background: url("images/types/fc-teachingmaterial.gif") 0 0em no-repeat; }
	.extracontent .tool { padding-left: 23px; background: url("images/types/fc-tool.gif") 0 0em no-repeat; }
	.extracontent .series { padding-left: 23px; background: url("images/types/fc-series.gif") 0 2px no-repeat; }
	.extracontent .workshop { padding-left: 23px; background: url("images/types/fc-workshop.gif") 0 0em no-repeat; }
	.extracontent .wiki { padding-left: 23px; background: url("images/types/fc-wiki.gif") 0 2px no-repeat; }
	.extracontent .citation { padding-left: 23px; background: url("../../images/home/fc-publication.gif") 0 0em no-repeat; }
	
/* Screenshot slider */
	.sscontainer {
		display:block;
		}	
	#showcase {
		background:#e8eaee;
		width:100%;
		height:90px; 
		margin-top:0;
		overflow:hidden;
		position:relative;
		vertical-align:middle;
		z-index:0;
		}
	#showcase img {
		background:#e8eaee none repeat scroll 0 0;
		border:1px solid #e8eaee;
		margin:4px;
		padding:4px;
		float:left;
		position:relative;
		}	
	#showcase img:hover {
		background:#fff none repeat scroll 0 0;
		border:1px solid #8fb9d0;
		margin:3px;
		padding:5px;
		}	
	#showcase-prev, 
	#showcase-next {
		height:90px;
		background:#f4f5f7;
		width:20px;
		position:relative;
		display:inline;
		margin:0;
		padding:0;
		cursor:pointer;
		opacity:0.5;filter:alpha(opacity=50);
		}
	#showcase-prev:hover, 
	#showcase-next:hover {
		 background-color:#FFF;	
		 opacity:0.7;filter:alpha(opacity=70);	
		}		
	.inactive, 
	.inactive:hover {
		cursor:default !important;
		background-color:#e9e9e9 !important;
		opacity:0.3 !important;filter:alpha(opacity=30) !important;
		}
	#showcase-prev {
		float:left;
		z-index:2;
		border-right:1px solid #c8cfd8;
		border-left:1px solid #e8e8e8;
		background: #f4f5f7 url("showcase_prev.png") 100% 50% no-repeat;
		}
	#showcase-next {
		float:right;
		border-left:1px solid #c8cfd8;	
		border-right:1px solid #e8e8e8;
		background: #f4f5f7 url("showcase_next.png") 0 50% no-repeat;
		}
	#showcase-window {
		float:left;
		left:0;
		position:relative;
		width:90%;
		}
	.showcase-pane {
		width:2000px;
		position:relative;
		left:0;
		}
/* Tabbed view specifics */
	.sep {
		border-bottom:4px solid #9da6b7;
		margin-top:0;
		margin-right: 250px;	
		}
	#authorslist p {
		line-height:1.4em;
		margin:0.5em 0;
		color:#000;
		}
	#authorslist {
		margin-top:-1em;
		padding-right:3em;
		}
	#authorslist sup {
		font-size:70%;
		}
	#authorslist p.orgs {
		color:#000;
		font-style:italic;
		}
	.guide { 
		background: url("images/compass.gif") 0 0 no-repeat; padding-left: 20px; 
		}
	.itunes { 
		background: url("images/itunes.png") 0 0 no-repeat; 
		padding-left: 20px; 
		padding-bottom:2px; 
		}
	.archive {
		font-size:85%;
		margin-top:-0.5em !important;
		}
	.timeperiod {
		background:#FDF1DE;
		border:1px solid #c3b59c;
		padding:0.5em;
		}
/* Launch area content */
	p.curversion, 
	p.devversion {
		font-size:85%;
		color:#333333;
		margin-top:-1em;
		}
	p.devversion span {
		display:block;
		}
	.devversion {
		background: url("bgdev.gif") 0 0 repeat-X;
		border:1px solid #aac39c;
		padding:0.2em;
		padding-left:0.5em;
		}
	p.doi, 
	.opensource_license, 
	.closedsource_license  {
		font-size:85%;
		color:#666666;
		margin-top:-0.6em;
		}
	.supdocs span  {
		display:block;
		margin-bottom:0.5em;
		}
	.viewalltypes {
		font-size:85%;
		float:right;
		}
	.supdocs {
		border-top:1px dashed #ccc;
		margin:0;
		padding:0.5em 0;
		font-size:85%;
		text-align:right;
		}
	.supdocs .guide a {
		color:#000;
		border-bottom:1px solid #777;
		padding:0.2em 0 0.1em 0;
		}
	.supdocs .guide {	
		display:inline;
		padding-bottom:0.5em;
		}
	.viewalldocs {
		margin-top:0em;
		}
	.metaplaceholder {
		background: url("images/metaplaceholder.gif") 0 0 no-repeat;
		padding:3em 3em 3em 3.5em;
		margin:1em 0 0 0;
		height:135px;
		width:215px;
		font-size:85%;
		}
	.metaplaceholder p {
		width:80%;
		margin:0;
		padding:0;
		}
	ul.supdocln {
		list-style:none;
		background:none;
		font-size:85%;
		color:#8d7a62;
		margin:-0.5em -0.2em 0 -0.2em;
		padding:0 0 0.8em 30px;
		background: url("images/childlink.gif") 10px 0 no-repeat;
		width:auto;		
		}
	ul.supdocln li {
		display:inline;
		}
	ul.supdocln li a {
		padding-left:20px;
		padding-bottom:0.5em;
		color:#8d7a62;
		text-decoration:underline;
		}
	ul.supdocln li.otherdocs a {
		padding-left:0;
		margin-left: 15px;
		}
	ul.supdocln li a:hover {
		border:none;
		text-decoration:none;
		}
/* Licensing */	
	.opensource_license { 
		background: url("images/os.gif") 0 1px no-repeat;
		padding-left: 17px;
		}
	.closedsource_license { 
		background: url("images/cs.gif") 0 0 no-repeat;
		padding-left: 17px;
		}
	.unavail {
		color: #978971;
		}
/* Important view overwrites */	
	#reviews-section .com_resources {
		padding-top:0 !important;
		}
	.com_resources h2 {
		line-height: 1.4em;
		}
	.subject #content-header h2 {
		margin-left: 0 !important;
		}
	.com_resources .upperpane {
		border: none;
		}
	.subject {
		background: none;
		border: none;
		}
	.subject #hubForm h3 {
		display: none;
		}
	.subject #hubForm fieldset  {
		margin-right: 1em;
		padding-bottom: 2em;
		}
	.noborder {
		border: none;
		}
/* Review section forms */
	.subject #reviews-section #hubForm {
		border: none;
		}
	.main .subject #hubForm {
		border: none;
		}
	.subject #reviews-section #hubForm fieldset {
		padding: 0 2% 1.75em 18%;
		border: none;
		float: left;
		width: 50%;
		margin: 0.7em 0;
		color: #777;
		background: #F5F7F2 !important;
		border: 2px solid #DEE4CD;
		}
	.subject #hubForm fieldset fieldset {
		padding: 0 1em 1em 1em;
		margin-top: 1em;
		}
	.subject #hubForm .submit {
		margin-right: 0;
		}
/*---------*/
	.section .section .subject {
		background: #ffffff !important;
		border:none !important;
		padding-right:0 !important;
		padding-left:0 !important;
		}
	.resource td {
		border:none !important;
		}
	.com_resources h2  span {
		font-weight:normal;
		font-size: small;
		color:#666666;
		}
	.com_resources h2  span a {
		font-weight:normal;
		border-bottom:1px solid #b7c7d4;
		}
	#lbOverlay {
		z-index:999;
		}
	#lbImage, 
	#lbCenter, 
	#lbBottomContainer {
		z-index:1000;
		}
	.com_resources .section h3 {
		display: block !important;
		margin: 1.5em 1em 0.5em 0;
		}
	.com_resources #introduction h3 {
		margin-top: 0;
		}
	.section h3 span {
		display:inline;
		float:right;
		font-weight:normal;
		font-size:small;
		}
	#sub-menu {
		padding:0;
		}
	.tabbed .supportingdocs .caption {
		float:right;
		}
	 #sub-sub-menu ul {
		border:none !important;
		}
	.license {
		margin-bottom: 0 !important;
		margin-top: 1em !important;
		}
/* Tabbed view containers */
	.com_resources .upperpane {
		padding-top: 2em;
		}
	.upperpane .subject {
		margin-right: 250px;
		margin-bottom:1em !important;
		}
	.upperpane .rankarea, 
	.section .extracontent, 
	.upperpane .launcharea {
		margin-top:0 !important;
		padding-top:0 !important;
		}
	.overviewcontainer {
		width:60%; float:left;margin-right:-3em;
		}
	.tabbed {
		padding-top:0 !important;
		padding-bottom:2em !important;
		margin-right: 250px;
		background: #ffffff !important;		
		}
	.tabbed .aside {
		padding-right:1em !important;
		}
	.tabbed .section {
		padding:0.1em !important;
		}
	.tabbed #sub-menu li a {
		padding: 0 8px 0 0 !important;
		font-size:88%;
		}
	.tabbed .abouttab {
	 	margin-right: 0;
		}
	.tabbed #sub-menu ul {
		padding:0 -0.5em 0 0.5em;
		margin:0;
		}
	.tabbed #sub-menu li a span {
		padding: 10px 0 0 8px;		
		}
/* Primary Resource file */	
	#primary-document {
		margin: 1em 0 1.5em 0;
		text-align:center;
		}
	#primary-document a {
		margin: 0;
		padding: 6px 0 0 10px;
		display: block;
		width: 208px;
		height: 27px;
		border: none;
		color: #fff;
		font-weight: bold;
		background: url("images/primary.gif") 0 0 no-repeat;
		}
	#primary-document a:hover { 
		background-position: 0 -33px;
		color: #fff;
		border: none;
		}
	#primary-document .link_disabled {
		margin: 0;
		padding: 6px 0 0 10px;
		display: block;
		width: 208px;
		height: 27px;
		border: none;
		color:#fff;
		font-weight: bold;
		background: url("images/primary_disabled.gif") 0 0 no-repeat;
		cursor:pointer;
		}
	#primary-document_pop {
		display:none;
		position:absolute;
		top:90px;
		right:260px;
		width:222px;
		font-size:90%;
		margin:0;
		padding:0;
		}
	#primary-document_pop div {
		padding:0;
		display:block;
		position:relative;
		}
	#primary-document_pop p {
		margin-top:0;
		padding-top:1em;
		}
	#primary-document .caption {
		font-size:80%;
		font-weight:normal;
		color:#CCCCCC;
		}
/* Versioning */
	.toolpublished {
		background: url("images/check.gif") 0 0 no-repeat;
		display: block;
		width: 15px;
		height: 15px;
		margin: 0 0 0 2em;
		text-indent:-555em;
		padding:0;
		}
	.toolunpublished {
		background: url("images/minus.gif") 0 0 no-repeat;
		display: block;
		width: 15px;
		height: 15px;
		margin: 0 0 0 2em;
		padding:0;
		text-indent:-555em;
		}
/* Intro */
	#introduction {
		margin: 0 -15px 3em -15px;
		padding: 25px 15px 25px 120px;
		background: #fbf8ea url("images/resources-large.gif") 30px 25px no-repeat;
		border-top: 2px solid #e7dac4;
		border-bottom: 2px solid #e7dac4;
		color: #7c7266;
		}
	#introduction .aside,
	#introduction .subject {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		background: transparent;
		border: none;
		}
	#introduction h3 {
		display: block;
		margin-top: 0;
		color: #7c7266;
		}
	#introduction .columns {
		border: none;
		}
	#introduction ul,
	#introduction li {
		list-style: none;
		margin: 1em 0;
		padding: 0;
		}
	#introduction li {
		margin: 0;
		padding: 0 0 0 15px;
		background: transparent url("images/arrow.gif") 0 50% no-repeat;
		}
/* Four Columns */
	.com_resources .four {
		border-top: 1px solid #e0e0d7;
		margin-bottom: 3em;
		}
	.com_resources .three {
		border-top: 1px solid #e0e0d7;
		margin-top: -1px;
		}
	.com_resources .four h3 { 
		color: #000; 
		margin-top: 1em; 
		padding-top: 0em;
		display: block;
		}
	.com_resources .four h3 a { 
		color: #000; 
		border-bottom: none; 
		}
	.com_resources .four ul {
		margin: 1em 0;
		}
	.com_resources .four li {
		margin: 1em 0;
		}
	.com_resources .first h2 { 
		font-weight: normal;
		margin: 0;
		padding: 0.5em 0 0 0;
		line-height: 1em;
		border-top: 2px solid #e0e0d7;
		}
	.com_resources .second {
		}
	.com_resources .third {
		}
	.com_resources .fourth { 
		border-right: none;
		}
	.com_resources .big {
		height: 3em;
		}
	.com_resources .four {
		margin-bottom: 3em;
		}
	.columns form.search { 
		border: 1px solid #fff; 
		background-position: 0 1em;
		}
	.com_resources .browse a {
		font-weight: bold;
		font-size: 1.2em;
		}
/* Resource info table */
	.resource {
		margin-top: 1.5em;
		border: none;
		}
	.resource th, 
	.resource td {
		padding-bottom: 25px;
		}
	.resource th {
		text-align: right;
		color: #999;
		white-space: nowrap;
		}
	.resource td {
		padding-right: 1.5em;
		}
	.resource .tags {
		margin: 0;
		}
	.resource ul {
		margin-left: 1.5em;
		list-style: disc;
		}
	.resource .citations {
		border: 2px solid #e5e5e5;
		padding: 0 1em;
		margin: 0;
		list-style: none;
		}
	.resource td p {
		margin: 1em 0;
		}
	.resource td p:first-child {
		margin-top: 0;
		}
	.resource ul.results li {
		list-style: none;
		}
	.results .resource .title {
		margin-right: 200px;
		}
	#about-section hr {
		border: none;
		border-top: 1px solid #eee;
		}
	#tagForm {
		margin: 1.5em 0 0 0;
		}
	.tags:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
/* Resources listing */
	.resources .title { 
		margin-right: 220px;
		}
/* Screenshots list */
	.screenshots {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	.screenshots li {
		margin: 0 10px 0 0;
		padding: 8px 0 0 7px;
		float: left;
		display: block;
		width: 98px;
		height: 67px;
		}
	.screenshots a,
	.screenshots a:hover,
	.screenshots img { 
		border: none;
		}
/* Metadata container */
	.metadata {
		border: 1px dashed #bbb;
		margin: 1em 0 0 0;
		padding: 10px 10px 5px 10px;
		}
	.metadata p {
		margin: 0.2em 0;
		padding: 0 0 0 20px;
		font-size: 90%;
		color:#999999;
		}
	.metadata .review {
		background: url("images/1.gif") -52px 50% no-repeat;
		}
	.metadata .citation {
		background: url("images/cite.gif") 0 50% no-repeat;
		}
	.metadata .wishlist {
		background: url("images/wishlist.gif") 0 50% no-repeat;
		}
	.metadata .usage { 
		background: url("images/stats.gif") 0 50% no-repeat;
		}
	.metadata .answer { 
		background: url("images/qanda.gif") 0 50% no-repeat;
		}
/*---------------------------------------------------------------
	Ranking
---------------------------------------------------------------*/
	.rankinfo {
		position: relative;
		margin: 0 0 0.5em 0;
		}
	.rankinfo dd {
		position: absolute;
		left: -999em;
		margin: -37px 0 0 0;
		padding: 0;
		border: none;
		width: 250px;
		color: #f4f4f4;
		}
	.metadata .rankinfo dd p,
	.rankinfo dd p {
		margin: 0;
		padding: 20px 30px 0 20px;
		color: #ccc;
		background: url("images/ranking_popup.png") left top no-repeat;
		}
	.rankinfo dd div {
		background: url("images/ranking_popup.png") left bottom no-repeat;
		padding: 10px 30px 15px 20px;
		}
	.rankinfo dd a { 
		color: #7EBEFD;
		border-bottom: 1px solid #B8CFE7;
		}
	.rankinfo dd a:hover { 
		color: #FDC07E;
		border-bottom: 1px solid #E07A14;
		}
	.rankinfo.active dt {
		background-color: #fff;
		}
	.rankinfo.active dd {
		left: -246px;
		z-index: 888;
		}
	.rankinfo dt {
		margin: 0;
		padding: 0;
		background: url("images/ranking_bar_base.gif") 0 0 no-repeat;
		text-transform: uppercase;
		text-align: right; 
		letter-spacing: 1px;
		font-size: 85%;
		line-height: 1em;
		color: #999;
		position: relative;
		}
	.rankinfo dt span { 
		display: block;
		margin: 0;
		padding: 0;
		height: 9px;
		background: url("images/ranking_bar.gif") 0 0 no-repeat;
		text-indent: -555em;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		text-align: left;
		}
	.rank-00 { width: 0px; display: none; }
	.rank-01 { width: 1px; }
	.rank-02 { width: 2px; }
	.rank-03 { width: 3px; }
	.rank-04 { width: 4px; }
	.rank-05 { width: 5px; }
	.rank-06 { width: 6px; }
	.rank-07 { width: 7px; }
	.rank-08 { width: 8px; }
	.rank-09 { width: 9px; }
	.rank-10 { width: 10px; }
	.rank-11 { width: 11px; }
	.rank-12 { width: 12px; }
	.rank-13 { width: 13px; }
	.rank-14 { width: 14px; }
	.rank-15 { width: 15px; }
	.rank-16 { width: 16px; }
	.rank-17 { width: 17px; }
	.rank-18 { width: 18px; }
	.rank-19 { width: 19px; }
	.rank-20 { width: 20px; }
	.rank-21 { width: 21px; }
	.rank-22 { width: 22px; }
	.rank-23 { width: 23px; }
	.rank-24 { width: 24px; }
	.rank-25 { width: 25px; }
	.rank-26 { width: 26px; }
	.rank-27 { width: 27px; }
	.rank-28 { width: 28px; }
	.rank-29 { width: 29px; }
	.rank-30 { width: 30px; }
	.rank-31 { width: 31px; }
	.rank-32 { width: 32px; }
	.rank-33 { width: 33px; }
	.rank-34 { width: 34px; }
	.rank-35 { width: 35px; }
	.rank-36 { width: 36px; }
	.rank-37 { width: 37px; }
	.rank-38 { width: 38px; }
	.rank-39 { width: 39px; }
	.rank-40 { width: 40px; }
	.rank-41 { width: 41px; }
	.rank-42 { width: 42px; }
	.rank-43 { width: 43px; }
	.rank-44 { width: 44px; }
	.rank-45 { width: 45px; }
	.rank-46 { width: 46px; }
	.rank-47 { width: 47px; }
	.rank-48 { width: 48px; }
	.rank-49 { width: 49px; }
	.rank-50 { width: 50px; }
	.rank-51 { width: 51px; }
	.rank-52 { width: 52px; }
	.rank-53 { width: 53px; }
	.rank-54 { width: 54px; }
	.rank-55 { width: 55px; }
	.rank-56 { width: 56px; }
	.rank-57 { width: 57px; }
	.rank-58 { width: 58px; }
	.rank-59 { width: 59px; }
	.rank-60 { width: 60px; }
	.rank-61 { width: 61px; }
	.rank-62 { width: 62px; }
	.rank-63 { width: 63px; }
	.rank-64 { width: 64px; }
	.rank-65 { width: 65px; }
	.rank-66 { width: 66px; }
	.rank-67 { width: 67px; }
	.rank-68 { width: 68px; }
	.rank-69 { width: 69px; }
	.rank-70 { width: 70px; }
	.rank-71 { width: 71px; }
	.rank-72 { width: 72px; }
	.rank-73 { width: 73px; }
	.rank-74 { width: 74px; }
	.rank-75 { width: 75px; }
	.rank-76 { width: 76px; }
	.rank-77 { width: 77px; }
	.rank-78 { width: 78px; }
	.rank-79 { width: 79px; }
	.rank-80 { width: 80px; }
	.rank-81 { width: 81px; }
	.rank-82 { width: 82px; }
	.rank-83 { width: 83px; }
	.rank-84 { width: 84px; }
	.rank-85 { width: 85px; }
	.rank-86 { width: 86px; }
	.rank-87 { width: 87px; }
	.rank-88 { width: 88px; }
	.rank-89 { width: 89px; }
	.rank-90 { width: 90px; }
	.rank-91 { width: 91px; }
	.rank-92 { width: 92px; }
	.rank-93 { width: 93px; }
	.rank-94 { width: 94px; }
	.rank-95 { width: 95px; }
	.rank-96 { width: 96px; }
	.rank-97 { width: 97px; }
	.rank-98 { width: 98px; }
	.rank-99 { width: 99px; }
	.rank-100 { width: 100px; }
	
	.rankinfo table {
		margin: 0;
		border-collapse: collapse;
		width: 100%;
		padding: 0;
		border: none;
		font-size: 90%;
		}
	.rankinfo caption {
		padding: 1.5em 1em 0.2em 1em;
		text-align: left;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		border-bottom: 2px solid #777;
		font-size: 90%;
		margin: 0;
		}
	.rankinfo tbody { 
		border: none;
		}
	.rankinfo tbody td,
	.rankinfo tfoot td {
		padding: 0.2em 1em 0.2em 0;
		text-align: left;
		}
	.rankinfo tbody td {
		border-bottom: 1px solid #444;
		}
	.rankinfo tfoot td {
		padding: 0.2em 1em;
		}
	.rankinfo tbody th {
		text-align: left;
		vertical-align: top;
		padding: 0.2em 1.4em;
		border-bottom: 1px solid #444;
		}
	.rankinfo tbody th,
	.rankinfo tbody td { 
		color: #ccc;
		}
	.rankinfo tfoot td,
	.rankinfo tfoot td { 
		color: #aaa;
		border-top: 2px solid #777;
		border-bottom: none;
		font-size: 90%;
		}
	.rankinfo .avgrating {
		width: 70px;
		height: 14px;
		overflow: hidden;
		text-indent: -30em;
		display: block;
		float: left;
		padding: 0;
		}
	.rankinfo .no-stars        { background: url("images/stars/stars_dark.gif") right 0 no-repeat; }
	.rankinfo .half-stars      { background: url("images/stars/stars_dark.gif") right -40px no-repeat; }
	.rankinfo .one-stars       { background: url("images/stars/stars_dark.gif") right -80px no-repeat; }
	.rankinfo .onehalf-stars   { background: url("images/stars/stars_dark.gif") right -120px no-repeat; }
	.rankinfo .two-stars       { background: url("images/stars/stars_dark.gif") right -160px no-repeat; }
	.rankinfo .twohalf-stars   { background: url("images/stars/stars_dark.gif") right -200px no-repeat; }
	.rankinfo .three-stars     { background: url("images/stars/stars_dark.gif") right -240px no-repeat; }
	.rankinfo .threehalf-stars { background: url("images/stars/stars_dark.gif") right -280px no-repeat; }
	.rankinfo .four-stars      { background: url("images/stars/stars_dark.gif") right -320px no-repeat; }
	.rankinfo .fourhalf-stars  { background: url("images/stars/stars_dark.gif") right -360px no-repeat; }
	.rankinfo .five-stars      { background: url("images/stars/stars_dark.gif") right -400px no-repeat; }
/*---------------------------------------------------------------
	Publications list
---------------------------------------------------------------*/
	#publications {
		margin: 0;
		padding: 0;
		border: none;
		border-bottom: 1px solid #fff;
		}
	#publications img {
		float: left;
		margin: 0 1em 1em 0;
		}
	#publications li p {
		text-indent: 0;
		}
	#publications li {
		clear: left;
		padding: 1em 0;
		border-top: 1px solid #fff;
		}
	#publications li .details {
		font-size: 90%;
		color: #999;
		margin: 0.2em 0 0 0;
		}
/* Licenses */
	.license {
		color: #999;
		font-size: 85%;
		text-align: left;
		padding: 0 0 10px 40px;
		margin: 2em 0 1em 0;
		min-height: 37px;
		}
	.opensource { 
		background: url("images/logos/opensource.gif") 0 0 no-repeat;
		}
	.closedsource { 
		background: url("images/logos/closedsource.gif") 0 0 no-repeat;
		}	
	.cc { 
		background: url("images/logos/creativecommons.gif") 0 0 no-repeat;
		}
/* Misc */
	.citations {
		list-style: none;
		margin-left: 0;
		}
	.section h3 {
		display: none;
		}
	.section .section h3 {
		display: block;
		margin: 1em 0 0.5em;
		}
	.section .section {
		padding: 0;
		}
	.section .section .subject {
		background: #F7F7F7;
		border-top: 1px solid #E3E3E3;
		border-bottom: 1px solid #E3E3E3;
		padding: 1em;
		}
	.section .section .aside {
		padding-top: 0;
		}
	#sub-menu {
		margin-bottom: -1px;
		}
	.subject #hubForm fieldset {
		padding-left: 2%;
		}
	#citations-section .subject {
		padding-top: 1em;
		}
	#play-section .aside {
		padding-top: 1em;
		}
	#play-section .sub-nav {
		margin-top: 0;
		}
/* Resource versions */
	.resource-versions {
		margin-top: 2em;
		}
/* Related resources */
	.related-resources {
		margin: 0;
		border-top: 1px solid #dedede;
		border-bottom: none;
		}
	.related-resources td {
		border-color: #dedede;
		}
	.related-resources td.ranking {
		color: #777;
		position: relative;
		background: url("images/ranking_bar_base.gif") 2.5em 0.8em no-repeat;
		width: 10em;
		padding-left: 0;
		}
	.related-resources td.ranking span { 
		display: block;
		margin: -1.2em 0 0 2.5em;
		padding: 0;
		height: 9px;
		background: url("images/ranking_bar.gif") 0 0 no-repeat;
		text-indent: -555em;
		overflow: hidden;
		position: absolute;
		}
	.related-resources td.type {
		color: #bcbcbc;
		text-align: right;
		padding-right: 0;
		}
/* Resource tip bubble */
	.resource-tip {
		width: 310px;
		padding: 10px;
		z-index: 13000;
		text-align: left;
		background: #ffffe5;
		border: 1px solid #a9a9a9;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		}
	.resource-tip h4 {
		color: #333;
		margin: 0;
		padding: 0.2em 0.4em;
		background: #ece5d1;
		}
	.resource-tip table {
		margin: 0;
		padding: 0;
		border: 1px solid #ECE5D1;
		background: #fff;
		border-collapse: collapse;
		width: 100%;
		}
	.resource-tip th,
	.resource-tip td {
		padding: 0.2em 1em;
		border-top: 1px solid #ECE5D1;
		border-bottom: 1px solid #ECE5D1;
		color: #777;
		}
	.resource-tip td span {
		margin-right: 0em;
		}
	.resource-tip th {
		border-right: 1px solid #ECE5D1;
		text-align: right;
		font-weight: normal;
		}
	.resource-tip .starsz {
		display: block;
		width: 65px;
		height: 14px;
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		position: relative;
		z-index: 25;
		background: url("images/stars/stars.gif") 0 0 no-repeat;
		border: none;
		}
	.resource-tip .starsz li {
		display: block;
		height: 20px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		border: none;
		background-image: none;
		}
	.resource-tip .starsz li a,
	.resource-tip .starsz li a:hover {
		display: block;
		height: 14px;
		margin: 0;
		padding: 0;
		text-indent: -555em;
		line-height: 1em;
		background: url("images/stars/stars_hover.gif") 0 0 no-repeat; 
		border: none;
		}
	.resource-tip .avgrating span {
		font-size: 8px;
		}
	.starsz:hover {
		background: url("images/stars/stars.gif") 0 0 no-repeat;
		border: none;
		}
	.starsz li.str1, 
	.starsz li.str1 a {
		width: 13px;
		z-index: 250;
		}
	.starsz li.str2, 
	.starsz li.str2 a {
		width: 26px;
		z-index: 240;
		}
	.starsz li.str3, 
	.starsz li.str3 a {
		width: 39px;
		z-index: 230;
		}
	.starsz li.str4, 
	.starsz li.str4 a {
		width: 52px;
		z-index: 220;
		}
	.starsz li.str5, 
	.starsz li.str5 a {
		width: 65px;
		z-index: 210;
		}
	.starsz li.str1 a:hover {
		background: url("images/stars/stars_hover.gif") 0 -14px no-repeat;
		border: none;
		}
	.starsz li.str2 a:hover {
		background: url("images/stars/stars_hover.gif") 0 -28px no-repeat;
		border: none;
		}
	.starsz li.str3 a:hover {
		background: url("images/stars/stars_hover.gif") 0 -42px no-repeat;
		border: none;
		}
	.starsz li.str4 a:hover {
		background: url("images/stars/stars_hover.gif") 0 -56px no-repeat;
		border: none;
		}
	.starsz li.str5 a:hover {
		background: url("images/stars/stars_hover.gif") 0 -70px no-repeat;
		border: none;
		}
/* Tag browser */
	div#tagbrowser {
		text-align: left; 
		position: relative; 
		height: 400px;
		margin-bottom: 25px; 
		display: none;
		}
	#tbh2 {
		display: none;
		}
	#level-1, 
	#level-2, 
	#level-3 {
		background-color: transparent;
		margin: 0;
		padding: 0;
		width: 33%;
		height: 350px;
		float: left;
		}
	div.ie {
		height: 373px; 
		border: 1px solid #c5c5c5;
		}
	#tagbrowser h3 {
		padding: 0;
		margin: 1em 0 0.5em 0;
		color: #999;
		font-size: 1.4em;
		font-weight: bold;
		display: block;
		}
/*\*/
	#tagbrowser ul {
		border: 1px solid #C5C5C5; 
		height: 350px; 
		overflow: auto;
		overflow-x: hidden;
		margin: 0; 
		padding: 0;
		list-style: none;
		}
	#tagbrowser li#selecta {
		height: 200px; 
		text-align: center; 
		color: #c8c8c8; 
		font-size: 30px; 
		font-weight: bold; 
		margin: 140px auto 0 0px; 
		line-height: 1em;
		}
	#level-1 ul {
		border-right: 1px solid #c5c5c5;
		}
	#level-2 ul {
		border-left: 0; 
		border-right: 1px solid #c5c5c5;
		}
	#level-3 ul#ulinfo {
		background-image: none; 
		border-left: 0; 
		overflow: auto;
		}
	#level-2 h3 {
		position: relative;
		}
	#filteroptions {
		padding: 1em 0;
		font-size:85%;
		}
	#filteroptions div {
		position:absolute;
		}
	#filteroptions label {
		margin-right: 0.2em;
		}
	#filteroptions span {
		margin-left: 1em;
		}
	#tagbrowser #sortby {
		position: absolute;
		top: -0.2em;
		margin: 0 0 0 0.5em;
		}
	#tagbrowser li {
		margin: 0; 
		padding: 0;
		list-style: none;
		}
	#level-2 ul li {
		margin-right: 0;
		}
	#level-3 ul#ulinfo li { /* different */
		padding: 10px;
		}
	#level-1 ul li.supported,
	#level-2 ul li.supported {
		padding-left: 20px;
		background-position: 2px 4px;
		}
	#level-1 ul li.ie a {
		display: inline; 
		background: none; 
		padding: 0; 
		width: 10px; 
		text-decoration: underline; 
		color: blue;
		}
	#level-1 ul li.ie a:hover {
		color: blue;
		}
	#tagbrowser #level-1 ul a, 
	#tagbrowser #level-2 ul a {
		background: #fff url("images/arrowoff.gif") right 50% no-repeat; 
		display: block; 
		padding: 2px 12px 2px 2px; 
		margin: 0; 
		text-decoration: none; 
		border: none;
		color: #333;
		}
	#tagbrowser #level-1 ul a.open, 
	#tagbrowser #level-2 ul a.open {
		background: #D0D0D0 url("images/arrowon.gif") right 50% no-repeat; 
		}
	#tagbrowser #level-1 ul a.hi, 
	#tagbrowser #level-2 ul a.hi {
		background: #3875D7 url("images/arrowhi.gif") right 50% no-repeat; 
		color: #fff;
		}
	#tagbrowser #level-1 ul a:hover, 
	#tagbrowser #level-2 ul a:hover {
		background: #3875D7 url("images/arrowhi.gif") right 50% no-repeat; 
		color: #fff;
		}
	#level-3 h3 {
		text-align: right;
		}
	#level-3 h4, 
	#level-3 h5 {
		border: none;
		}
	#level-3 h4 {
		color: #a1a5a9;
		}
	#level-3 h5 {
		color: #39AA44; 
		margin-bottom: 10px;
		}
	#tagbrowser a.more {
		text-decoration: none; 
		text-align: center; 
		padding-top: 0px; 
		color: #000;
		}
	#level-1-loading,
	#level-2-loading {
		text-align: center;
		}
	#level-1-loading img,
	#level-2-loading img {
		margin-top: 3em;
		}
/* */
	#tagbrowser div.ie p {
		margin: 150px 100px;
		font-size: 18px;
		font-weight: bold;
		}
	#content-header-extra fieldset {
		}
	#content-header-extra fieldset label {
		color: #fff;
		}
	#content-header-extra fieldset label span {
		display: block;
		visibility: hidden;
		}
	#tagbrowser .info {
		display: none;
		}
	#browse-resources h3 {
		display: block;
		}
	#browse-resources .subject,
	#browse-resources .aside {
		padding-top: 0;
		}
	#play-section {
		padding-top: 1em;
		}
	.com_resources #content-header-extra p.supported { 
		padding: 0 0 0 20px;
		margin: 2em 0 0 0;
		}
	#sbox-content {
		overflow: hidden;
		}
/* Audience skill level */	
	.audiencelevel {
		list-style:none;
		margin:0;
		padding:2px 0 0 0;
		margin-left:2px;
		}
	.audiencelevel li, 
	#tagbrowser .audiencelevel li, 
	#level-3 .audiencelevel li {
		display:inline;
		padding:0;
		margin:0;
		padding-left: 10px;
		margin-left:-1px;
		background: url("images/circlerating.gif") 0 2px no-repeat;
		}
	#tagbrowser ul.audiencelevel {
		border: none; 
		height: auto; 
		overflow:hidden;
		overflow-x:hidden;
		padding:2px 0 0 0;
		margin-left:1px;
		}
	#tagbrowser ul.audiencelevel li, 
	#level-3 ul.audiencelevel li {
		margin-right:-10px;
		padding-right:0;
		margin-left:0;
		padding-left: 0;
		}
	#tagbrowser ul.audiencelevel li span, 
	.audiencelevel li span {
		margin:-1px;
		padding:0;
		}
	.audiencelevel li.level0, 
	#tagbrowser .audiencelevel li.level0  {
		background-position: 0 2px;
		padding-left:17px;
		margin-right:0.3em;
		}
	#tagbrowser .audiencelevel li.level0  {
		background-position: 0 10px;
		}
	.audiencelevel li.level1 {
		background-position: -21px 2px;
		}
	#tagbrowser .audiencelevel li.level1 {
		background-position: -21px 10px;
		}
	.audiencelevel li.level2 {
		background-position: -39px 2px;
		}
	#tagbrowser .audiencelevel li.level2 {
		background-position: -39px 10px;
		}
	.audiencelevel li.level3 {
		background-position: -57px 2px;
		}
	#tagbrowser .audiencelevel li.level3 {
		background-position: -57px 10px;
		}
	.audiencelevel li.level4 {
		background-position: -93px 2px;
		}
	#tagbrowser .audiencelevel li.level4 {
		background-position: -90px 10px;
		margin-left:-2px;
		}
	.skill_level0, 
	.skill_level1 {
		color: #39b54a;
		}
	.skill_level2 {
		color: #00aeef;
		}
	.skill_level3 {
		color: #1b75bc;
		}
	.skill_level4 {
		color: #000000;
		}
	.audiencelevel li.level0_isoff, 
	#tagbrowser .audiencelevel li.level0_isoff {
		display:none;
		}
	.audiencelevel li.txtlabel, 
	#tagbrowser .audiencelevel li.txtlabel  {
		padding:0;
		padding-left:5px;
		vertical-align:top;
		background:none !important;
		color:#666666;
		font-size:85%;
		}
	#tagbrowser .audiencelevel li.txtlabel {
		margin-right:0;
		padding-right:0;
		margin-left:-5px;
		padding-left: 0;
		}
	.audiencelevel li.isoff {
		background-position: -111px 2px;
		}
	#tagbrowser .audiencelevel li.isoff  {
		background-position: -111px 10px;
		margin-left:0;
		}
	.usagescale {
		margin:0;
		padding:0;
		position:relative;
		z-index:998; /* different */
		}
	#tagbrowser .usagescale {
		position:inherit;
		z-index:99999;
		}
	.usagescale table {
		border:none;
		color:#333333;
		font-weight:500;
		}
	.secondcol {
		color:#666;
		font-weight:normal;
		}
	.usagescale table th,
	.usagescale table td {
		line-height: 1.2em;
		padding: 5px 5px;
		font-size:85%;
		border-bottom: 1px solid #e3e3e3;
		}
	.usagescale table thead td {
		font-style:italic;
		color:#999999;
		font-weight:normal;
		}
	.usagescale table th {
		text-align:right;
		width:30%;
		}
	.usagescale ul {
		margin-top:-0.2em;
		margin-bottom:0.3em;
		}
	.learnmore {
		text-align:right;
		font-size:85%;
		}
	.explainscale {
		padding:1em;
		position:absolute;
		top:20px;
		left: -999em;
		width:300px;
		border:1px solid #ccc;
		background:#FFF;
		/* Rounded corners */
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;	
		-khtml-border-radius: 10px;
		border-radius: 10px;
		/* Shadows */
		box-shadow: 0px 2px 4px #CCC;
		-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); /* length length length color */
		-moz-box-shadow: #ccc 0px 2px 4px; /* color length length length */
		}
	.usagescale .active {
		left:-100px;
		}
	.infopage {
		width:75%;
		margin:2em 0; 
		border:1px solid #cccccc;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;	
		-khtml-border-radius: 10px;
		border-radius: 10px;
		box-shadow: 0px 2px 4px #CCC;
		-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); /* length length length color */
		-moz-box-shadow: #ccc 0px 2px 4px; /* color length length length */
		}
	.infopage .usagescale {
		z-index:auto;
		}
	.combtd {
		text-align: center;
		}
/* Taxonomy */
	#flotr-mouse-value {
		width: 250px;
		white-space: normal;
		background-color: #ffffe5;
		border: 1px solid #a9a9a9;
		padding: 8px 8px;
		-moz-border-radius:4px;
		-webkit-border-radius: 4px;	
		-khtml-border-radius: 4px;
		border-radius:4px;
		box-shadow: 0px 2px 4px #CCC;
		-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); /* length length length color */
		-moz-box-shadow: #ccc 0px 2px 4px; /* color length length length */
		}
	#flotr-mouse-value h4,
	#flotr-mouse-value p {
		white-space: normal;
		}
	#flotr-mouse-value .rankinfo {
		}
